<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>LineBasicMaterial - Three.js Docs</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<script src="../scripts/highlight.min.js"></script>
	<link type="text/css" rel="stylesheet" href="../styles/highlight-three.css">
	<link type="text/css" rel="stylesheet" href="../styles/page.css">
</head>
<body>
		<p class="inheritance" translate="no"><a href="EventDispatcher.html">EventDispatcher</a> → <a href="Material.html">Material</a> → </p>
	<h1 translate="no">LineBasicMaterial</h1>
		<section>
			<header>
				<div class="class-description"><p>A material for rendering line primitives.</p>
<p>Materials define the appearance of renderable 3D objects.</p></div>
				<h2>Code Example</h2>
				<div translate="no"><pre><code class="language-js">const material = new THREE.LineBasicMaterial( { color: 0xffffff } );
</code></pre></div>
			</header>
			<article>
				<div class="container-overview">
					<h2>Constructor</h2>
					<h3 class="name name-method" id="LineBasicMaterial" translate="no">new <a href="#LineBasicMaterial">LineBasicMaterial</a><span class="signature">( parameters : <span class="param-type">Object</span> )</span> </h3>
					<div class="method">
						<div class="description">
							<p>Constructs a new line basic material.</p>
						</div>
						<table class="params">
							<tbody>
								<tr>
									<td class="name">
										<strong>parameters</strong>
									</td>
									<td class="description last">
										<p>An object with one or more properties
defining the material's appearance. Any property of the material
(including any property from inherited materials) can be passed
in here. Color values can be passed any type of value accepted
by <a href="Color.html#set">Color#set</a>.</p>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<h2 class="subsection-title">Properties</h2>
				<div class="member">
					<h3 class="name" id="color" translate="no">.<a href="#color">color</a><span class="type-signature"> : <a href="Color.html">Color</a></span> </h3>
					<div class="description">
						<p>Color of the material.</p>
						<p>Default is <code>(1,1,1)</code>.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id="fog" translate="no">.<a href="#fog">fog</a><span class="type-signature"> : boolean</span> </h3>
					<div class="description">
						<p>Whether the material is affected by fog or not.</p>
						<p>Default is <code>true</code>.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id="isLineBasicMaterial" translate="no">.<a href="#isLineBasicMaterial">isLineBasicMaterial</a><span class="type-signature"> : boolean</span> <span class="type-signature">(readonly) </span></h3>
					<div class="description">
						<p>This flag can be used for type testing.</p>
						<p>Default is <code>true</code>.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id="linecap" translate="no">.<a href="#linecap">linecap</a><span class="type-signature"> : 'butt' | 'round' | 'square'</span> </h3>
					<div class="description">
						<p>Defines appearance of line ends.</p>
<p>Can only be used with <a href="SVGRenderer.html">SVGRenderer</a>.</p>
						<p>Default is <code>'round'</code>.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id="linejoin" translate="no">.<a href="#linejoin">linejoin</a><span class="type-signature"> : 'round' | 'bevel' | 'miter'</span> </h3>
					<div class="description">
						<p>Defines appearance of line joints.</p>
<p>Can only be used with <a href="SVGRenderer.html">SVGRenderer</a>.</p>
						<p>Default is <code>'round'</code>.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id="linewidth" translate="no">.<a href="#linewidth">linewidth</a><span class="type-signature"> : number</span> </h3>
					<div class="description">
						<p>Controls line thickness or lines.</p>
<p>Can only be used with <a href="SVGRenderer.html">SVGRenderer</a>. WebGL and WebGPU
ignore this setting and always render line primitives with a
width of one pixel.</p>
						<p>Default is <code>1</code>.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id="map" translate="no">.<a href="#map">map</a><span class="type-signature"> : <a href="Texture.html">Texture</a></span> </h3>
					<div class="description">
						<p>Sets the color of the lines using data from a texture. The texture map
color is modulated by the diffuse <code>color</code>.</p>
						<p>Default is <code>null</code>.</p>
					</div>
				</div>
				<h2 class="subsection-title">Source</h2>
				<p>
					<a href="https://github.com/mrdoob/three.js/blob/master/src/materials/LineBasicMaterial.js" translate="no" target="_blank" rel="noopener">src/materials/LineBasicMaterial.js</a>
				</p>
			</article>
		</section>
<script src="../scripts/linenumber.js"></script>
<script src="../scripts/page.js"></script>
</body>
</html>